<style type="text/css" media="screen">
<!--
	@import url("<?= Zend_Controller_Front::getInstance()->getBaseUrl() ?>/includes/css/builder.css");
	-->
</style>
<div id="designTab" dojoType="dijit.layout.ContentPane" title="Design">
	<div dojoType="dijit.layout.BorderContainer" design="sidebar" gutters="true" liveSplitters="true" style="height:700px;width:100%;">
		<div dojoType="dijit.layout.TabContainer" region="leading" splitter="true" tabStrip="true" style="width:300px">
			<div dojoType="dijit.layout.ContentPane" title="Add a Field">
				<div dojoType="dijit.TitlePane" title="Standard" id="starndardElementsPane">
					<div id="standardElementsContainer">
					</div>
				</div>
				<div dojoType="dijit.TitlePane" title="Advanced" id ="advancedElementsPane">
					<div id="advancedElementsContainer">
					</div>
				</div>
			</div>
			<div dojoType="dijit.layout.ContentPane" title="Field Details">
				Field Details
			</div>
			<div dojoType="dijit.layout.ContentPane" title="Form Details">
				Form Details
			</div>
		</div>
		<div dojoType="dijit.layout.ContentPane" region="center" splitter="true" >
		<h2 id='className' dojoType="dijit.InlineEditBox">Class Name (click to edit)</h2>
		<span style="font-style: italic;color:#aaa;">&laquo; drag fields to the area below</span>
		<div id="newClassTargetContainer">
		</div>
		<button dojoType="dijit.form.Button" onclick="saveClass();">Save</button>
		</div>
	</div>
</div>
<form id="classTypeForm" action="<?= Zend_Controller_Front::getInstance()->getBaseUrl() ?>/<?= Zend_Controller_Front::getInstance()->getRequest()->getModuleName() ?>/<?= Zend_Controller_Front::getInstance()->getRequest()->getControllerName() ?>/save" method="post">
<input type="hidden" name="class_type_id" id="classId"></input>
<input type="hidden" name="classTypeData" id="classTypeData"></input>
</form>
<script type="text/javascript">
classTypeData = <?= $this->classTypeData ?>;
</script>
<script type="text/javascript" src="<?= Zend_Controller_Front::getInstance()->getBaseUrl() ?>/includes/js/builder.js"></script>

<script type="text/javascript">
dojo.addOnLoad(initBuilder);
dojo.addOnLoad(loadClass);
</script>

